@charset "UTF-8";

/**
 * 首页stylesheet
 * zeyuan_html_pc_index 
 * 引入文件
 *   common.scss
 *   header.scss 
 */

@import "block/common.scss";
@import "block/header.scss";
html, body {
  height: 100%;
}

.cl-input {
  border: 1px solid #E0DDDF;
  @include wah(375px, 54px, none);
}

.cl-btn {
  @include wah(376px, 54px, none);
  background: #F75620;
  @include flc(22px, 54px, #fff, center);
}
.header  .wrap .nav .nav-user{
  .signin-link{
    display: none;
    z-index: 100;
    position: absolute;
    li{
      @include flc(14px,60px ,#333333,left);
      padding-left: 80px;
      height: 60px;
      width: 100px;
    }
    .attend-link{
      background: url('../images/cpr_c_bg2.jpg')#fff left center no-repeat;
    }
    .hoster-link{
      background: url('../images/cpr_c_bg3.jpg')#fff left center no-repeat;
    }
  }
  .btn-cover:hover{
    .signin-link{display: block;}
  }
}

#view_attendSignUp, #view_attendSignIn, #view_hosterSignUp ,#view_attendResetPass{
  background: url('../images/cpr_c_bg1.jpg') center top no-repeat;
  .sec1 {
    height: 85%;
  }
  .wrap {
    height: 100%;
  }
  .form {
    @include wah(638px, 540px, none);
    @extend %palt;
    top: 50%;
    margin-top: -270px;
    margin-left: -319px;
    left: 50%;
    border: 10px solid;
    border-color: rgba(255, 255, 255, .1);
    border-radius: 5px;
  }
  .form-wrap {
    background: #fff;
    @include wah(100%, 100%, none);
    padding-top: 40px;
    .title {
      @include flc(20px, 3, #333333, center);
    }
  }
  form {
    .line {
      @include wah(376px, 58px, none);
      margin: 0 auto;
      margin-bottom: 10px;
    }
    .input-code {
      @include wah(208px, 54px, none);
    }
    .btn-getcode {
      @include wah(157px, 52px, right);
      border: 1px solid #E0DDDF;
      @include flc(14px, 52px, #333333, center);
      background: #F4F2F1;
    }
    .line-signup, .line-reset, .line-signup {
      text-align: center;
      height: 40px;
      line-height: 40px;
      a {
        color: #F75620
      }
      .layui-form-checkbox {
        margin-top: 0;
      }
    }
  }
}

#view_attendSignIn {
  .hd {
    margin: 0 auto;
    @include wah(240px, 60px, none);
    .tabmenu {
      width: 100px;
      float: left;
      &.on {
        color: #F75620;
      }
    }
    span {
      float: left;
      padding: 0 15px;
    }
  }
  .form1 {
    display: none;
  }
}

#view_hosterSignUp {
  background: url('../images/cpr_c_bg1.jpg') center top no-repeat;
  .form {
    @include wah(1080px, 760px, none);
    @extend %palt;
    top: 50%;
    margin-top: -380px;
    margin-left: -540px;
    left: 50%;
    border: 10px solid;
    border-color: rgba(255, 255, 255, .1);
    border-radius: 5px;
  }
  .form-wrap {
    background: #fff;
    @include wah(100%, 100%, none);
    padding-top: 40px;
    .title {
      @include flc(20px, 1.5, #333333, center);
    }
    .signup-status {
      margin: 0 auto;
      @include wah(610px, 100px, none);
      position: relative;
      background: url('../images/cpr_signupbg1.png') center center no-repeat;
      .status-step {
        @extend %palt;
        @include wah(62px, 62px, none);
        top: 16px;
      }
      .status-step1 {
        background: url('../images/cpr_signupbg2.png') center center no-repeat;
        left: 16px;
        &.on {
          background: url('../images/cpr_signupbg2On.png') center center no-repeat;
        }
      }
      .status-step2 {
        background: url('../images/cpr_signupbg3.png') center center no-repeat;
        left: 276px;
        &.on {
          background: url('../images/cpr_signupbg3On.png') center center no-repeat;
        }
      }
      .status-step3 {
        left: 526px;
        background: url('../images/cpr_signupbg4.png') center center no-repeat;
        &.on {
          background: url('../images/cpr_signupbg4On.png') center center no-repeat;
        }
      }
    }
  }
  form {
    .line {
      @include wah(376px, 58px, none);
      margin: 0 auto;
      margin-bottom: 10px;
    }
    .input-code {
      @include wah(208px, 54px, none);
    }
    .btn-getcode {
      @include wah(157px, 52px, right);
      border: 1px solid #E0DDDF;
      @include flc(14px, 52px, #333333, center);
      background: #F4F2F1;
    }
    .line-signup, .line-reset, .line-signup {
      text-align: center;
      height: 40px;
      line-height: 40px;
      a {
        color: #F75620
      }
      .layui-form-checkbox {
        margin-top: 0;
      }
    }
  }
  .form1 {
    display: none;
  }
  .form2 {
    .column {
      @include wah(605px, 410px, none);
      margin: 0 auto;
      .left {
        width: 422px;
        .line {
          border: 1px solid #ccc;
          padding-top: 5px;
          padding-left: 10px;
          input, textarea {
            border: none;
            width: 290px;
            padding-left: 15px;
          }
          textarea {
            padding: 0;
          }
        }
        .line-intro {
          position: relative;
          height: 90px;
          span, textarea {
            float: left;
            margin-top: 10px;
          }
          textarea {
            padding-left: 15px;
          }
        }
      }
      .right {
        width: 156px;
        .uploadImg {
          @include wah(156px, 119px, none);
          background: url('../images/cpr_signupbg5.png')#F3F0F0 center center no-repeat;
        }
        p {
          @include flc(14px, 62px, #333333, center);
        }
      }
    }
  }
}
#view_home {
  background: url('../images/cpr_home_bg2.jpg') center 110px no-repeat;
  .sec1>.wrap {
    @include wah(1100px, 636px, none);
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
    background: url('../images/cpr_home_bg1.png') center center no-repeat;
    .hd-lv1 {
      @extend %palb;
      .menu-lv1 {
        @include wah(274px, 64px, left);
        background: #fff;
        border-bottom: 6px solid #D8D7D7;
        @include flc(18px, 64px, #090715, center);
        &.on {
          background: #38C2DF;
        }
      }
    }
  }
}


